
<template>
    <div class="row">
        <div class="label">
            <img :src="label.url" alt="">
            <span>{{label.label}}</span>
        </div>
        <button @click="more" class="more-text">更多>></button>
    </div>
</template>
<script>
export default {
    props:{
        label:Object,
    },
    methods:{
        more(){
            this.$emit("onMore");
        }
    }
}
</script>

<style lang="scss" scoped>
    .row{
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 66px;
        box-sizing: border-box;
        background: #fff;
        padding:0 30px;
        border-bottom:1px solid #e5e5e5;
    }
    .label{
        display: flex;
        color:#1a36a9;
        font-size: 20px;
        img{
            margin-right: 15px;
        }
    }
    .more-text{
        color:#aaa;
    }
</style>

